<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程视频</title>
</head>
<body>
    <div class="app-play dpflex fdcolumn">
        <!-- 视频 -->
        <div class="video-box flex1 dpflex fdcolumn">
            <video class="video" style="width: 100%;" muted autoplay></video>
            <div class="videoMeg pd16">
                <p class="courseIndex f60 fwbold"><span class="courseIndexSelect">3</span>/<span class="courseIndexArr">8</span></p>
                <p class="courseName f20 mt8">胯关节环绕</p>
            </div>
        </div>
        <!-- 视频控件 -->
        <div class="videoControls dpflex">
            <p class="flex1">
                <i class="iconfont icon-vprev f40"></i>
            </p>
            <p class="flex1">
                <i class="iconfont icon-play f40"></i>
            </p>
            <p class="flex1">
                <i class="iconfont icon-vnext f40"></i>
            </p>
            <div class="progress-bar">

            </div>
        </div>
        <!-- 蒙版 -->
        <div class="videoMack">
            <p class="videoMackText f20 pr29 pl29">放弃可以找到一万个理由，坚持只需一个信念！</p>
            <div class="btn dpflex pd16">
                <p class="continue">
                    <i class="iconfont icon-pause f40"></i>
                    <span class="f16 mt8">继续训练</span>
                </p>
                <p class="stop">
                    <i class="iconfont icon-end f40"></i>
                    <span class="f16 mt8">结束训练</span>
                </p>
            </div>
            <div class="presentVideoMsg dpflex">
                <p class="img"></p>
                <p class="presentVideoMsgText flex1 dpflex fdcolumn">
                    <span>当前: </span>
                    <span class="presentVideoMsgTextName mt8">胯关节环绕</span>
                </p>
            </div>
        </div>
    </div>
</body>
</html>